 <div id="right">

	<style>
			
		h3.cat {
			background:url(http://static.flowplayer.org/tools/img/jqt_sprite_small.jpg) no-repeat 0 0;
			padding:4px 0 5px 30px;
		}
		
		#cat-Form {
			background-position:0 -25px;	
		}
		
		#cat-Toolbox {
			background-position:0 -50px;		
		}
	</style>

	
		<script>$("#jqt4").addClass("active");</script>
		
	
	<a href="#" id="inscription" rel="#mies1">
		Inscription 
		
	</a>
	|
	<a href="#" id="connexion" rel="#mies2">
		Connexion 
		
	</a>
	
	<div id="rightnav">
		
		
			
				<h3 class="cat" id="cat-UI">Actualit&eacute;s</h3>
			
				<a class="t " href="carte/">Politique</a>
			
				<a class="t plugin" href="/tools/tabs/slideshow.html">Economique</a>
			
				<a class="t " href="/tools/tooltip/index.html">R&eacute;gionale</a>
			
				<a class="t plugin" href="/tools/tooltip/slide.html">Muraille verte</a>
			
						
				<h3 class="cat" id="cat-Form">Notre r&eacute;seau</h3>
			
				<a href="#" id="donateur" rel="#mies3" >Les principaux donnateurs</a>
			
				<a class="t " href="/tools/rangeinput/index.html">Les politiques</a>
			
				<a href="#" id="hommepub" rel="#mies4">Les hommes publiques</a>
			
				<h3 class="cat" id="cat-Quot">Les quotidiens </h3>
			
				<a class="t " href="http://www.lesoleil.sn/" target="_blank">Le Soleil</a>
			
				<a class="t " href="http://www.sudonline.sn/" target="_blank">Sud Quotidien</a>
			
				<a class="t " href="http://www.walf.sn" target="_blank">Walfadjri</a>	
				<p></p>
			
	<div id="newsletter"></div>
		
	</div>
		
	


<div class="simple_overlay" id="mies1">

	<!-- large image -->
	

	<!-- image details -->
	<div class="details">
		<h3>Inscription</h3>
		<form action="">
		<table>
			<tr><td>Nom:</td><td><input type="text" value="" size="20"></td></tr>
			<tr><td>Prenom:</td><td><input type="text" value="" size="20"></td></tr>
			<tr><td>Date de naissance:</td><td><input type="text" value="" size="20"></td></tr>
			<tr><td>Lieu de naissance</td><td><input type="text" value="" size="20"></td></tr>
			<tr><td><input type="reset" color="#CCCCCC" value="Effacer" size="20" class="button"></td>
				<td><input type="submit" value="Valider" size="20" class="button"></td></tr>
		</table>
		</form>
		<p>L'inscription vous offre un espace personnel et la possibilit&eacute; de faire des dons et annonces ou d'acqu&eacute;rir des propri&eacute;s
		</p>
		
	</div>

</div>


<div class="simple_overlay" id="mies2">

	<!-- large image -->
	

	<!-- image details -->
	<div class="details">
		<h3>Connexion</h3>
		<form action="">
		<table>
			<tr><td>Nom utilisateur:</td><td><input type="text" value="" size="20"></td></tr>
			<tr><td>Mot de passe:</td><td><input type="password" value="" size="20"></td></tr>
			<tr><td><input type="reset" color="#CCCCCC" value="Effacer" size="20" class="button"></td>
				<td><input type="submit" value="Valider" size="20" class="button"></td></tr>
		</table>
		</form>
		

		<p>Connectez vous et visitez la grande muraille verte</p>
	</div>

</div>


<div class="donateur_overlay" id="mies3">

<div class="detailsPlus"> 
				<h3>Liste des donateurs de La Grande Muraille Verte</h3> 
 
				<ul> 
					
						<li> <a class="t " href="#">George Washington </a></li> 
					
						<li> <a class="t " href="#">John Adams </a></li> 
					
						<li> <a class="t " href="#">Thomas Jefferson </a></li> 
					
						<li> <a class="t " href="#">James Madison </a></li> 
					
						<li> <a class="t " href="#">James Monroe </a></li> 
					
						<li> <a class="t " href="#">John Q. Adams </a></li> 
					
						<li> <a class="t " href="#">Andrew Jackson </a></li> 
					
						<li><a class="t " href="#"> Martin Van Buren </a></li> 
					
						<li> <a class="t " href="#">William Harrison</a> </li> 
					
						<li> <a class="t " href="">John Tyler</a></li> 
					
						<li> <a class="t " href="#">James Polk</a> </li> 
					
				</ul> 
			</div> 

</div>

<div class="donateur_overlay" id="mies4">
<div class="detailsPlus"> 
				<h3>Liste des hommes publiques</h3> 
 
				<ul> 
					
						<li> <a class="t " href="#"> Femi Otedola </a></li> 
					
						<li> <a class="t " href="#"> Najib Sawaris </a></li> 
					
						<li> <a class="t " href="#"> Aliko Dangote </a></li> 
					
						<li> <a class="t " href="#"> Patrice Motsepe </a></li> 
					
						<li> <a class="t " href="#"> Yerim SOW </a></li> 
					
						<li> <a class="t " href="#"> Youssou Ndour </a></li> 
					
						<li> <a class="t " href="#"> Karim WADE </li>  
					
				</ul> 
			</div> 

</div>
<script>
$(document).ready(function() {
 $("#inscription").overlay();
 $("#connexion").overlay();
 $("#donateur").overlay();
 $("#hommepub").overlay();
});

$("#right a[href=/tools/scrollable/index.html]").addClass("active"); 
</script>

	

	